@charset "utf-8";

@import "_common.scss";
.navbar{
    position: fixed;
    width: 100%;
}
.my-nav {
   
    min-height: 50px;
    margin-bottom: 0px;
    border: 1px solid transparent;
}
.family1{
    padding-top: 50px;
    background: #8bc01f;
.family-player-padding{
    margin-top: 50px;
    padding-bottom: 60px;

.family-player{
    img{
        display: inline-block;
    }
   h2{
       font-size: 48px;
       color: #FFFFFF;
       display: inline-block;
       vertical-align: middle;
       
   }
   p{
       color: #FFFFFF;
       font-size: 24px;
       padding-bottom: 50px;
       margin-left: 10px;
   }
}
.player-text{
    span{
        margin-left: 10px;
        display: inline-block;
        line-height: 30px;
        padding-bottom: 18px;
        font-size: 14px;
        color: #FFFFFF;
    }
    button{
        display: block;
        color:#8bc01f;
        background: #e8f2d2;
        border-radius: 7px;
        border: none;
        font-size: 14px;
        margin-left: 10px;
        margin-top: 10px;
    }
}

}}

.family2{
    background: #3393df;
    
    .my-flash{
        margin-top: 50px;
        img{
        display: inline-block;
    }
   h2{
       font-size: 48px;
       color: #FFFFFF;
       display: inline-block;
       vertical-align: middle;
       
   } 
    }
   .flash-pic1{
            padding-bottom: 60px;
       h3{font-size: 24px;
          color:#FFFFFF;
       }
       p{
           font-size: 14px;
           color: #FFFFFF;
       }
      .my-bottom{
       padding-top: 150px;
      } 
   }

}
.family3{
    
    .family-air {
        margin-top: 55px;
        padding-bottom: 80px;
        img{
        display: inline-block;
    }
   h2{
       font-size: 42px;
       color: #3393df;
       display: inline-block;
       vertical-align: middle;
       
   }
   p{
       font-size: 18px;
       color: #5d5d5d;
       line-height: 25px;
   }
   h5{
       font-size: 18px;
       color: #3393df;
       padding-top: 25px;
   }
   span{
       font-size: 14px;
       letter-spacing: 1px;
       color: #5d5d5d;
       line-height: 25px;
       display: inline-block;
       text-indent: 25px;
       padding-right: 15px;
       
   }
   .air-pic{
       text-align: center;
       margin-top: 30px;
   
    
   }
}
}

.family4{
    background: #f7f7f7;
    .family-store {
        margin-top: 55px;
        padding-bottom: 80px;
        img{
        display: inline-block;
    }
   h2{
       font-size: 42px;
       color: #3393df;
       display: inline-block;
       vertical-align: middle;
       
   }
   p{
       font-size: 18px;
       color: #5d5d5d;
       line-height: 25px;
   }
   h5{
       font-size: 18px;
       color: #3393df;
       padding-top: 25px;
   }
   span{
       font-size: 14px;
       letter-spacing: 1px;
       color: #5d5d5d;
       line-height: 25px;
       display: inline-block;
       text-indent: 25px;
       padding-right: 15px;
       
   }
   .store-pic{
       text-align: center;
       margin-top: 30px;
   
    
   }
}
}

@media (min-width: 425px) and (max-width: 767px)  {
.air-pic{
    position: absolute;
    right: 0;
    bottom: 10px;
}
}